<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>网站后台管理录</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/jquery-ui.css}"/>
<script type="text/javascript" th:src="@{/js/jquery-1.4.2.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery-ui.min.js}"></script>

<body>
<form method="post" id="requestForm" action="/process/startVacation">
    <div id="main">
        <div class="where">
            <ul>
            </ul>
        </div>
        <div class="sort_switch">
            <ul id="TabsNav">
                <li class="selected"><a href="#">请假申请</a></li>
            </ul>
        </div>
        <div id="tagContent0" class="sort_content">
            <div class="currency_area hue9">
                <div class="the_content">
                    <input name="userId" type="hidden" th:value="${session.user.id}"/>
                    <input name="userName" type="hidden" th:value="${session.user.lastName}"/>
                    <table class="tableHue2" width="100%" border="1" bordercolor="#dddddd" cellspacing="0"
                           cellpadding="0">
                        <tbody>
                        <tr>
                            <td width="15%" class="title1">开始日期：</td>
                            <td class="left">
                                <input name="startDate" id="startDate" type="text" class="input_text2"
                                       size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%" class="title1">结束日期：</td>
                            <td class="left">
                                <input name="endDate" id="endDate" type="text"
                                                    class="input_text2" size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%" class="title1">请假天数：</td>
                            <td class="left">
                                <input name="days" type="text" class="input_text2" size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%" class="title1">休假类型：</td>
                            <td class="left">
                                <select name="vacationType" style="width:215px;height: 23px" >
                                    <option value="0">&nbsp;&nbsp;年假</option>
                                    <option value="1">&nbsp;&nbsp;事假</option>
                                    <option value="2">&nbsp;&nbsp;病假</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td width="15%" class="title1">原因：</td>
                            <td class="left">
                                <textarea cols="33" rows="5" name="reason"></textarea>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                </div>
            </div>

            <div class="fun_area" style="text-align:center;"><input type="submit" value="确 定" class="input_button1" onclick="$('#requestForm').submit()"/>
            </div>

        </div>
    </div>
</form>

</body>

<script>
    $('#startDate').datepicker({
        currentText: 'Now',
        dateFormat: 'yy-mm-dd'
    });
    $('#endDate').datepicker({
        currentText: 'Now',
        dateFormat: 'yy-mm-dd'
    });
</script>

</html>
